<template>
	<div class="introduce">
		<img  class="introducebanner" src="../../assets/banner.jpg"/>
		<div class="introduce-title">产品介绍</div>
		<div class="introduce-div" @click="urlClick(item.id)"  v-for="(item,index) in list">
			<img  :src="item.cover_img"/>
		</div>
		
		
	</div>
</template>

<script>
	import { Toast } from 'vant';
	export default {
	    data() {
			return {
				list : [],
				
			}
	    },
		created() {
			this.all({});
		},
		methods:{
			urlClick(e){
				this.$router.push('/introducedetails?id='+e);
			},
			all($where){
				let that = this;
				that.$http('get','/api/index/product',$where) .then(function (res) {
					that.list = res.data;
				});
			}
		},
	}
</script>

<style lang="less">
	.introduce {
		.introducebanner {
			width: 100%;
			display: block;
		}
		.introduce-title {
			width: 94%;
			padding-bottom: 20px;
			padding-top: 20px;
			margin: auto;
			line-height: 30px;
			font-size: 18px;
			font-weight: bold;
			color: #333;
			text-align: left;
		}
		.introduce-div {
			width: 94%;
			margin: auto;
			height: 116px;
			margin-bottom: 20px;
			img {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>